<template>
  <div>
    <Button type="success" @click="handleSpinShow">整个页面加载</Button>
    <Button type="success" @click="start">顶部正在加载</Button>
    <Button type="success" @click="finish">顶部加载完成</Button>
    <Button type="success" @click="error">顶部加载失败</Button>
  </div>
</template>
<script>
  export default {
    methods: {
      start () {
        this.$Loading.start();
      },
      finish () {
        this.$Loading.finish();
      },
      error () {
        this.$Loading.error();
      },
      handleSpinShow () {
        this.$Spin.show();
        setTimeout(() => {
          this.$Spin.hide();
        }, 3000);//加载时间
      },
    }
  }
</script>
<style>

</style>
